<template>
    <div class="box">
        <readerDom title="我是标题" @on-click="accept"></readerDom>
    </div>
</template>

<script setup lang="ts">
/*
    TSX的使用
    先装JSX  npm install @vitejs/plugin-vue-jsx -D  也可以使用 yarn add
        在vite.config.ts中配置，见 vite.config.ts里

    然后在tsconfig.json里加入以下配置
        "jsx": "preserve",               // 本身已带
        "jsxFactory": "h",                // h 相当于vue 的createElement
        "jsxFragmentFactory": "Fragment",
    之后可以使用TSX

    (
        react 中配置 tsx
             "jsx": "preserve",      
            "jsxFactory": "React.createElement", 
            "jsxFragmentFactory": "React.Fragment",
    )
*/
import readerDom from './Tsx';

const accept = (num: number) => {
    console.log("接收到了",num);
}
</script>

<style scoped>
.box {
    padding: 100px;
}
</style>